<template>
    <div class="login">
<el-form action="#"
  label-position="left"
  label-width="200px"
  class="login-form">
    <h2>登录</h2>
    <el-form-item>
        <span><icon/></span>
        <el-input type="text" value="apeng" placeholder="    请输入账号" name="username"/>
    </el-form-item>
    <el-form-item>
        <span><icon/></span>
        <el-input type="password" value="123456" placeholder="   请输入密码" name="userpassword"/>
    </el-form-item>
        <button class="btn" @click="getDemo1">
            登录
        </button>
</el-form>
    </div>
</template>

<style lang="scss">
h2{
    color: rgb(143, 143, 255);
}
.login{
    text-align: center;
}

.btn{
    margin-top: 20px;
    border-radius: 10px;
    background-color: rgb(81, 81, 240);
    font-size: 20px;
    font-weight: 800;
    height: 40px;
    width: 100px;
}
.login-form {
    position: relative;
    width: 520px;
    max-width: 100%;
    padding: 160px 35px 0;
    margin: 0 auto;
    overflow: hidden;
  }
</style>

<script>

export default {
    name:"login",
   
}

</script>
